.hm-balance-card {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 10%;
}

.box {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 10%;
}

.layer {
  position: absolute;
  top: 0;
  align-self: center;
  width: 100%;
  height: 120%;
  overflow: hidden;
}

.hd {
  display: flex;
  position: relative;
  align-items: flex-end;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 32.23rpx;
  margin-left: 53.72rpx;
  width: 633.95rpx;
  height: 51.58rpx;
}

.info {
  max-width: 569.48rpx;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25.79rpx;
  white-space: nowrap;
  color: rgba(19, 19, 21, 0.5);
  font-size: 80%;
  font-weight: bold;
}

.wrap {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background-color: rgba(28, 143, 248, 0);
  width: 20%;
  height: 30%;
}

.empty {
  position: absolute;
  top: 20.42rpx;
  left: 19.34rpx;
  border-width: 2px;
  border-style: solid;
  border-radius: 9.67rpx;
  border-color: rgba(255, 255, 255, 1);
  width: 12.89rpx;
  height: 12.89rpx;
}

.zhanghaoguanli {
  position: relative;
  width: 37.61rpx;
  height: 37.61rpx;
}

.bd {
  position: relative;
  opacity: 1;
  /* margin-top: 4.3rpx; */
  margin-left: 53.72rpx;
  max-width: 653.3rpx;
  height: 10%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 110%;
  white-space: nowrap;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 150%;
  font-weight: normal;
}

/* .main {
  position: relative;
  opacity: 1;
  margin-top: 133.24rpx;
  margin-left: 53.72rpx;
  max-width: 653.3rpx;
  height: 36.53rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36.53rpx;
  white-space: pre;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 32.23rpx;
  font-weight: normal;
} */

.ft {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 35.46rpx;
  margin-left: 53.72rpx;
  height: 66.62rpx;
}

.block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 83.81rpx;
  height: 66.62rpx;
}

.date {
 /* position: relative;
  max-width: 100%;
  height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 150%;
  white-space: nowrap;
  color: rgba(19, 19, 21, 0.6);
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 80%;
  font-weight: bold; */
  
  position: relative;
  line-height: 25.79rpx;
  white-space: nowrap;
  color: rgba(19, 19, 21, 0.6);
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 80%;
  font-weight: bold;
}

.word {
  position: relative;
  opacity: 1;
  margin-top: 10%;
  line-height: 36.53rpx;
  white-space: nowrap;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 32.23rpx;
  font-weight: normal;
}

.group {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-right: 340.62rpx;
  height: 66.62rpx;
}

.cvv {
  position: relative;
  line-height: 25.79rpx;
  white-space: nowrap;
  color: rgba(19, 19, 21, 0.6);
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 80%;
  font-weight: bold;
}

.num {
  position: relative;
  opacity: 1;
  margin-top: 13%;
  line-height: 36.53rpx;
  white-space: nowrap;
  color: #ffffff;
  font-family: MicrosoftYaHei, Microsoft YaHei;
  font-size: 32.23rpx;
  font-weight: normal;
}

.largeIcon {
  margin-top: 18.27rpx;
  width: 73.07rpx;
  height: 42.98rpx;
}
